<!-- 
  1. v-model
     传统的父子通信
        父传子  在子组件身上绑定数据 子组件内部定义props
        子传父  在子组件身上绑定自定义事件 子组件内部emit触发事件

     v-model就是对于传统父子通信的二次封装 简化了父子通信
        要做两步：1 v-model给子组件绑定数据 2 子组件内部触发事件

      1. 自动帮你在组件身上绑定一个名称为modelValue属性
      2. 自动帮你在组件身上绑定一个名称为update:modolValue的事件
      3. 在你触发事件时，把事件携带的参数自动赋值给v-model绑定的数据上

    知道语法糖做了很多我们看不见的事儿，知道它做了啥，我们自己就不做了
    就做哪些语法糖没做的事儿

  2. hot
     以prop作为业务数据的判断条件
     1. 适配接口数据  type设计为prop 使用者决定当前type是1/2/3
     2. 适配title    type + 前端枚举

  3. 表单校验
     vee-validator
     兼容 2 + 3  不使用组件库的情况下 只需要一个表单校验的功能
     
     1. 安装  @4.0.3
     2. 导入俩个组件 Form Field (局部组件需要注册)
     3. 配置Form  (绑定规则对象 + 导出校验错误对象errors)
     4. 配置Field (1.name指定校验规则 2.v-model指定双向绑定 3. 替换input 4.:class控制error)
     5. 错误提示语 (v-if + errors.account)
     6. 兜底校验  (ref获取组件实例对象 + 调用validate方法[promise])

 -->